import { getPosition } from "./action/newTransfrom.js";
import { currentState, role, role1, role2 } from "./index.js";

interface All {
  p1: {
    x: number;
    y: number;
    w: number;
    h: number;
  };
  p2: {
    x: number;
    y: number;
    w: number;
    h: number;
  };
}

export const allRolePosition = {
  p1: {
    x: 1,
    y: 1,
    h: 1,
    w: 1,
  },
  p2: {
    x: 1,
    y: 1,
    h: 1,
    w: 1,
  },
};

setTimeout(() => {
  allRolePosition.p1 = {
    ...getPosition(role1),
    h: role1.offsetHeight,
    w: role1.offsetWidth,
  };
  allRolePosition.p2 = {
    ...getPosition(role2),
    h: role2.offsetHeight,
    w: role2.offsetWidth,
  };
});

// scoket.$on((res) => {
//   if (res.path === "/start") {
//     const role = localStorage.getItem("role");
//     if (role) return;
//     localStorage.setItem("role", res.value.role);
//     currentState.role = role || res.value.role;
//     scoket.$emit({
//       role: "*",
//       path: "/start",
//       value: { role: currentState.role },
//     });
//     console.log(currentState);
//   }
// });
// window.onbeforeunload = () => {
//   localStorage.removeItem("role");
//   scoket.$emit({ rule: "*", path: "/end", role: currentState.role });
// };
